<%@ page language="java" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<base href="<%=basePath%>"/>
		<title>jqGrid与Servlet集成</title>
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<link rel="stylesheet" type="text/css" media="screen" href="styles/themes/redmond/jquery-ui-1.7.2.custom.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="styles/themes/ui.jqgrid.css" />
		
		<!-- 引入jQuery -->
		<script type="text/javascript" src="scripts/jQuery/jquery-1.3.2.js"></script>
		<script src="scripts/jQuery/plugins/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
		<script src="scripts/jQuery/plugins/grid.locale-zh_CN.js" type="text/javascript"></script>
		<script src="scripts/jQuery/plugins/jquery.jqGrid.min.js" type="text/javascript"></script>
		<script src="scripts/myjs/test3.js" type="text/javascript"></script>
		
		<script type="text/javascript">   
			
	</script>  
		
	</head>
	<body>
		<table id="gridTable"></table>
		<div id="gridPager"></div>
		
		<br/>  
          
        <div>  
            <button onclick="echoSelRow()">当前行ID</button>  
            <button onclick="getContact()">当前联系人</button>  
            <button onclick="addContact()">添加行</button>  
            <button onclick="updateContact()">修改行</button>  
            <button onclick="deleteContact()">删除行</button>  
            <button onclick="changeGridOptions()">改变Grid选项</button>  
            <button onclick="resetWidth()">改变Grid宽度</button>  
        </div> 
	</body>
</html>
